From fe7397d4097f95936a53e27ec076afe54d1523cc Mon Sep 17 00:00:00 2001
From: MrWangJustToDo <2711470541@qq.com>
Date: Sat, 30 Aug 2025 01:13:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=88=92=E8=AF=8D=E7=BF=BB=E8=AF=91?=
 =?UTF-8?q?=E8=B7=9F=E9=9A=8F=E5=85=83=E7=B4=A0=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SelectionTranslator.vue | 274 +++++++++++++++++------------
 package.json                       |   1 +
 pnpm-lock.yaml                     |  39 ++--
 3 files changed, 183 insertions(+), 131 deletions(-)

diff --git a/components/SelectionTranslator.vue b/components/SelectionTranslator.vue
index 866bb69..0af63b5 100644
--- a/components/SelectionTranslator.vue
+++ b/components/SelectionTranslator.vue
@@ -1,80 +1,80 @@
 <template>
   <teleport to="body">
-    <!-- 小红点指示器 -->
-    <div v-if="showIndicator" 
-         class="fr-selection-indicator" 
-         :style="indicatorStyle" 
-         @mouseenter="handleMouseEnter"
-         @mouseleave="handleMouseLeave">
-    </div>
-    
-    <!-- 翻译结果弹窗 -->
-    <div v-if="showTooltip" 
-         class="fr-translation-tooltip" 
-         :class="{ 'fr-dark-theme': isDarkTheme }"
-         :style="tooltipStyle"
-         @mouseenter="handleMouseEnterTooltip"
-         @mouseleave="handleMouseLeaveTooltip">
-      <div class="fr-tooltip-header">
-        <span>翻译结果<small>（via 流畅阅读）</small></span>
-        <div class="fr-tooltip-actions">
-          <button class="fr-action-btn" @click="copyTranslation" title="复制译文">
-            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
-              <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
-            </svg>
-          </button>
-          <button class="fr-close-btn" @click="closeTooltip">×</button>
-        </div>
+    <div ref="selection-ref" class="fr-selection-translator-wrapper">
+      <!-- 小红点指示器 -->
+      <div v-if="showIndicator" 
+          class="fr-selection-indicator" 
+          @mouseenter="handleMouseEnter"
+          @mouseleave="handleMouseLeave">
       </div>
-      <div class="fr-tooltip-content">
-        <div v-if="isLoading" :class="['fr-loading-spinner', { 'fr-static': !config.animations }]"></div>
-        <div v-else-if="error" class="fr-error-message">{{ error }}</div>
-        <div v-else class="fr-translation-container">
-          <!-- 原文显示（双语模式才显示） -->
-          <div v-if="config.selectionTranslatorMode === 'bilingual'" class="fr-original-text fr-no-select">
-            <pre>{{ selectedText }}</pre>
-            <button class="fr-text-audio-btn" @click="(e) => toggleAudio(selectedText, e)" title="播放/停止原文">
-              <svg v-if="isPlaying && currentPlayingText === selectedText" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <rect x="6" y="4" width="4" height="16"></rect>
-                <rect x="14" y="4" width="4" height="16"></rect>
-              </svg>
-              <svg v-else xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>
-                <path d="M19.07 4.93a10 10 0 0 1 0 14.14"></path>
-              </svg>
-            </button>
-          </div>
-          <!-- 译文显示（双语模式和只显示译文模式都显示） -->
-          <div v-if="config.selectionTranslatorMode === 'bilingual' || config.selectionTranslatorMode === 'translation-only'" class="fr-translation-result fr-no-select">
-            <pre>{{ translationResult }}</pre>
-            <button class="fr-text-audio-btn" @click="(e) => toggleAudio(translationResult, e)" title="播放/停止译文">
-              <svg v-if="isPlaying && currentPlayingText === translationResult" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <rect x="6" y="4" width="4" height="16"></rect>
-                <rect x="14" y="4" width="4" height="16"></rect>
-              </svg>
-              <svg v-else xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>
-                <path d="M15.54 8.46a5 5 0 0 1 0 7.07"></path>
+    
+      <!-- 翻译结果弹窗 -->
+      <div v-if="showTooltip" 
+          class="fr-translation-tooltip" 
+          :class="{ 'fr-dark-theme': isDarkTheme }"
+          @mouseenter="handleMouseEnterTooltip"
+          @mouseleave="handleMouseLeaveTooltip">
+        <div class="fr-tooltip-header">
+          <span>翻译结果<small>（via 流畅阅读）</small></span>
+          <div class="fr-tooltip-actions">
+            <button class="fr-action-btn" @click="copyTranslation" title="复制译文">
+              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
               </svg>
             </button>
+            <button class="fr-close-btn" @click="closeTooltip">×</button>
           </div>
-          
-          <!-- 播放状态提示 - 显示在弹窗内部 -->
-          <div v-if="isPlaying" class="fr-playing-status">
-            <div class="fr-playing-status-icon">
-              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M3 18v-6a9 9 0 0 1 18 0v6"></path>
-                <path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"></path>
-              </svg>
+        </div>
+        <div class="fr-tooltip-content">
+          <div v-if="isLoading" :class="['fr-loading-spinner', { 'fr-static': !config.animations }]"></div>
+          <div v-else-if="error" class="fr-error-message">{{ error }}</div>
+          <div v-else class="fr-translation-container">
+            <!-- 原文显示（双语模式才显示） -->
+            <div v-if="config.selectionTranslatorMode === 'bilingual'" class="fr-original-text fr-no-select">
+              <pre>{{ selectedText }}</pre>
+              <button class="fr-text-audio-btn" @click="(e) => toggleAudio(selectedText, e)" title="播放/停止原文">
+                <svg v-if="isPlaying && currentPlayingText === selectedText" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <rect x="6" y="4" width="4" height="16"></rect>
+                  <rect x="14" y="4" width="4" height="16"></rect>
+                </svg>
+                <svg v-else xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>
+                  <path d="M19.07 4.93a10 10 0 0 1 0 14.14"></path>
+                </svg>
+              </button>
+            </div>
+            <!-- 译文显示（双语模式和只显示译文模式都显示） -->
+            <div v-if="config.selectionTranslatorMode === 'bilingual' || config.selectionTranslatorMode === 'translation-only'" class="fr-translation-result fr-no-select">
+              <pre>{{ translationResult }}</pre>
+              <button class="fr-text-audio-btn" @click="(e) => toggleAudio(translationResult, e)" title="播放/停止译文">
+                <svg v-if="isPlaying && currentPlayingText === translationResult" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <rect x="6" y="4" width="4" height="16"></rect>
+                  <rect x="14" y="4" width="4" height="16"></rect>
+                </svg>
+                <svg v-else xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon>
+                  <path d="M15.54 8.46a5 5 0 0 1 0 7.07"></path>
+                </svg>
+              </button>
+            </div>
+            
+            <!-- 播放状态提示 - 显示在弹窗内部 -->
+            <div v-if="isPlaying" class="fr-playing-status">
+              <div class="fr-playing-status-icon">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M3 18v-6a9 9 0 0 1 18 0v6"></path>
+                  <path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"></path>
+                </svg>
+              </div>
+              <span>正在播放: {{ currentPlayingText === selectedText ? '原文' : '译文' }}</span>
+              <button class="fr-stop-audio-btn" @click="(e) => stopAudio(e)">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <rect x="6" y="4" width="4" height="16"></rect>
+                  <rect x="14" y="4" width="4" height="16"></rect>
+                </svg>
+              </button>
             </div>
-            <span>正在播放: {{ currentPlayingText === selectedText ? '原文' : '译文' }}</span>
-            <button class="fr-stop-audio-btn" @click="(e) => stopAudio(e)">
-              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                <rect x="6" y="4" width="4" height="16"></rect>
-                <rect x="14" y="4" width="4" height="16"></rect>
-              </svg>
-            </button>
           </div>
         </div>
       </div>
@@ -93,14 +93,15 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue';
+import { ref, onMounted, onBeforeUnmount, watch, useTemplateRef, watchEffect } from 'vue';
 import { translateText } from '@/entrypoints/utils/translateApi';
 import { config } from '@/entrypoints/utils/config';
+import { autoPlacement, autoUpdate, computePosition, flip, hide, inline, offset, shift } from '@floating-ui/dom';
 
 // 状态变量
 const selectedText = ref('');
 const translationResult = ref('');
-const selectionRect = ref<DOMRect | null>(null);
+const selectRange = ref<Range | null>(null);
 const showIndicator = ref(false);
 const showTooltip = ref(false);
 const isLoading = ref(false);
@@ -117,34 +118,35 @@ const currentPlayingText = ref(''); // 当前正在播放的文本
 const isFirefox = ref(false); // 是否为Firefox浏览器
 const isDarkTheme = ref(false); // 主题状态
 
-// 计算小红点指示器的样式
-const indicatorStyle = computed(() => {
-  if (!selectionRect.value) return {};
-  
-  return {
-    left: `${selectionRect.value.right}px`,
-    top: `${selectionRect.value.top}px`,
-    transform: 'translate(3px, -50%)'
-  };
-});
+const containerRef = useTemplateRef('selection-ref');
+
+// 自动更新小红点位置
+watchEffect((onClean) => {
+  const range = selectRange.value;
+  const container = containerRef.value;
+  if (!range || !container) return;
+
+  const updatePosition = () => {
+    computePosition(range, container, {
+      placement: 'right',
+      strategy: 'fixed',
+      middleware: [offset(2), flip({fallbackPlacements: ['left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end'], padding: {top: 100, bottom: 100} }), shift(), hide(), inline()],
+    }).then(({ x, y, placement, middlewareData }) => {
+      Object.assign(container.style, {
+        left: `${x}px`,
+        top: `${y}px`,
+        visibility: middlewareData.hide?.referenceHidden ? 'hidden' : 'visible',
+      });
+      container.setAttribute('data-placement', placement);
+    })
+  }
 
-// 计算弹窗的样式
-const tooltipStyle = computed(() => {
-  if (!selectionRect.value) return {};
-  
-  // 确保弹窗不会超出视口
-  const left = Math.min(
-    selectionRect.value.right + 15,
-    window.innerWidth - 350 // 稍微增加宽度，适应换行文本
-  );
-  
-  return {
-    left: `${left}px`,
-    top: `${selectionRect.value.top}px`,
-    maxWidth: '350px', // 增加宽度以适应更多内容
-    maxHeight: '400px' // 增加最大高度以支持更多内容
-  };
-});
+  const cb = autoUpdate(range, container, updatePosition, {
+    animationFrame: true,
+  });
+
+  onClean(cb);
+})
 
 // 防抖函数
 const debounce = (fn: Function, delay: number) => {
@@ -180,8 +182,7 @@ const handleTextSelection = () => {
     if (selectedTextContent === lastSelectedText.value) {
       // 重新显示指示器，但不重新获取翻译
       const range = selection.getRangeAt(0);
-      const rect = range.getBoundingClientRect();
-      selectionRect.value = rect;
+      selectRange.value = range;
       showIndicator.value = true;
       return;
     }
@@ -201,12 +202,11 @@ const handleTextSelection = () => {
     
     // 获取选中文本位置信息
     const range = selection.getRangeAt(0);
-    const rect = range.getBoundingClientRect();
     
     // 保存选中文本和位置
     selectedText.value = selectedTextContent;
     lastSelectedText.value = selectedTextContent;
-    selectionRect.value = rect;
+    selectRange.value = range;
     showIndicator.value = true;
   }, 200); // 200ms防抖延迟，减少延迟提高响应性
 };
@@ -671,8 +671,16 @@ onBeforeUnmount(() => {
 </script>
 
 <style scoped>
-.fr-selection-indicator {
+.fr-selection-translator-wrapper {
   position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9998;
+  width: 350px;
+}
+
+.fr-selection-indicator {
+  position: absolute;
   width: 12px;
   height: 12px;
   background-color: #ff4d4f;
@@ -683,23 +691,48 @@ onBeforeUnmount(() => {
   animation: pulse 1.5s infinite;
 }
 
+[data-placement="left"] .fr-selection-indicator {
+  bottom: 0;
+  right: 4px;
+}
+[data-placement="right"] .fr-selection-indicator {
+  bottom: 0;
+  left: 4px;
+}
+[data-placement="top-start"] .fr-selection-indicator {
+  left: 0;
+  bottom: 4px;
+}
+[data-placement="top-end"] .fr-selection-indicator {
+  right: 0;
+  bottom: 4px;
+}
+[data-placement="bottom-start"] .fr-selection-indicator {
+  left: 0;
+  top: 4px;
+}
+[data-placement="bottom-end"] .fr-selection-indicator {
+  right: 0;
+  top: 4px;
+}
+
 @keyframes pulse {
   0% {
-    transform: translate(10px, -50%) scale(1);
+    transform: scale(1);
     box-shadow: 0 0 0 0 rgba(255, 77, 79, 0.7);
   }
   70% {
-    transform: translate(10px, -50%) scale(1.1);
+    transform: scale(1.1);
     box-shadow: 0 0 0 10px rgba(255, 77, 79, 0);
   }
   100% {
-    transform: translate(10px, -50%) scale(1);
+    transform: scale(1);
     box-shadow: 0 0 0 0 rgba(255, 77, 79, 0);
   }
 }
 
 .fr-translation-tooltip {
-  position: fixed;
+  position: absolute;
   background-color: white !important;
   border-radius: 8px;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
@@ -712,6 +745,31 @@ onBeforeUnmount(() => {
   transition: opacity 0.2s ease;
 }
 
+[data-placement="left"] .fr-translation-tooltip {
+  top: -10px;
+  right: 5px;
+}
+[data-placement="right"] .fr-translation-tooltip {
+  top: -10px;
+  left: 5px;
+}
+[data-placement="top-start"] .fr-translation-tooltip {
+  left: 1px;
+  bottom: 5px;
+}
+[data-placement="top-end"] .fr-translation-tooltip {
+  right: 1px;
+  bottom: 5px;
+}
+[data-placement="bottom-start"] .fr-translation-tooltip {
+  left: 1px;
+  top: 5px;
+}
+[data-placement="bottom-end"] .fr-translation-tooltip {
+  right: 1px;
+  top: 5px;
+}
+
 .fr-tooltip-header {
   padding: 8px 12px;
   background-color: #f5f5f5 !important;
diff --git a/package.json b/package.json
index f0bcddd..3240793 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
+    "@floating-ui/dom": "^1.7.4",
     "@wxt-dev/storage": "^1.0.1",
     "crypto-js": "^4.2.0",
     "element-plus": "^2.9.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3c5a7f5..3059ef5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,9 @@ importers:
       '@element-plus/icons-vue':
         specifier: ^2.3.1
         version: 2.3.1(vue@3.5.13(typescript@5.7.3))
+      '@floating-ui/dom':
+        specifier: ^1.7.4
+        version: 1.7.4
       '@wxt-dev/storage':
         specifier: ^1.0.1
         version: 1.0.1
@@ -527,14 +530,14 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@floating-ui/core@1.6.9':
-    resolution: {integrity: sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==}
+  '@floating-ui/core@1.7.3':
+    resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
 
-  '@floating-ui/dom@1.6.13':
-    resolution: {integrity: sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==}
+  '@floating-ui/dom@1.7.4':
+    resolution: {integrity: sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==}
 
-  '@floating-ui/utils@0.2.9':
-    resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==}
+  '@floating-ui/utils@0.2.10':
+    resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
 
   '@iconify-json/simple-icons@1.2.21':
     resolution: {integrity: sha512-aqbIuVshMZ2fNEhm25//9DoKudboXF3CpoEQJJlHl9gVSVNOTr4cgaCIZvgSEYmys2HHEfmhcpoZIhoEFZS8SQ==}
@@ -655,61 +658,51 @@ packages:
     resolution: {integrity: sha512-PaMRNBSqCx7K3Wc9QZkFx5+CX27WFpAMxJNiYGAXfmMIKC7jstlr32UhTgK6T07OtqR+wYlWm9IxzennjnvdJg==}
     cpu: [arm]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.30.1':
     resolution: {integrity: sha512-B8Rcyj9AV7ZlEFqvB5BubG5iO6ANDsRKlhIxySXcF1axXYUyqwBok+XZPgIYGBgs7LDXfWfifxhw0Ik57T0Yug==}
     cpu: [arm]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.30.1':
     resolution: {integrity: sha512-hqVyueGxAj3cBKrAI4aFHLV+h0Lv5VgWZs9CUGqr1z0fZtlADVV1YPOij6AhcK5An33EXaxnDLmJdQikcn5NEw==}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.30.1':
     resolution: {integrity: sha512-i4Ab2vnvS1AE1PyOIGp2kXni69gU2DAUVt6FSXeIqUCPIR3ZlheMW3oP2JkukDfu3PsexYRbOiJrY+yVNSk9oA==}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-loongarch64-gnu@4.30.1':
     resolution: {integrity: sha512-fARcF5g296snX0oLGkVxPmysetwUk2zmHcca+e9ObOovBR++9ZPOhqFUM61UUZ2EYpXVPN1redgqVoBB34nTpQ==}
     cpu: [loong64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-powerpc64le-gnu@4.30.1':
     resolution: {integrity: sha512-GLrZraoO3wVT4uFXh67ElpwQY0DIygxdv0BNW9Hkm3X34wu+BkqrDrkcsIapAY+N2ATEbvak0XQ9gxZtCIA5Rw==}
     cpu: [ppc64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-gnu@4.30.1':
     resolution: {integrity: sha512-0WKLaAUUHKBtll0wvOmh6yh3S0wSU9+yas923JIChfxOaaBarmb/lBKPF0w/+jTVozFnOXJeRGZ8NvOxvk/jcw==}
     cpu: [riscv64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-s390x-gnu@4.30.1':
     resolution: {integrity: sha512-GWFs97Ruxo5Bt+cvVTQkOJ6TIx0xJDD/bMAOXWJg8TCSTEK8RnFeOeiFTxKniTc4vMIaWvCplMAFBt9miGxgkA==}
     cpu: [s390x]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.30.1':
     resolution: {integrity: sha512-UtgGb7QGgXDIO+tqqJ5oZRGHsDLO8SlpE4MhqpY9Llpzi5rJMvrK6ZGhsRCST2abZdBqIBeXW6WPD5fGK5SDwg==}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.30.1':
     resolution: {integrity: sha512-V9U8Ey2UqmQsBT+xTOeMzPzwDzyXmnAoO4edZhL7INkwQcaW1Ckv3WJX3qrrp/VHaDkEWIBWhRwP47r8cdrOow==}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-win32-arm64-msvc@4.30.1':
     resolution: {integrity: sha512-WabtHWiPaFF47W3PkHnjbmWawnX/aE57K47ZDT1BXTS5GgrBUEpvOzq0FI0V/UYzQJgdb8XlhVNH8/fwV8xDjw==}
@@ -4396,16 +4389,16 @@ snapshots:
   '@esbuild/win32-x64@0.25.8':
     optional: true
 
-  '@floating-ui/core@1.6.9':
+  '@floating-ui/core@1.7.3':
     dependencies:
-      '@floating-ui/utils': 0.2.9
+      '@floating-ui/utils': 0.2.10
 
-  '@floating-ui/dom@1.6.13':
+  '@floating-ui/dom@1.7.4':
     dependencies:
-      '@floating-ui/core': 1.6.9
-      '@floating-ui/utils': 0.2.9
+      '@floating-ui/core': 1.7.3
+      '@floating-ui/utils': 0.2.10
 
-  '@floating-ui/utils@0.2.9': {}
+  '@floating-ui/utils@0.2.10': {}
 
   '@iconify-json/simple-icons@1.2.21':
     dependencies:
@@ -5672,7 +5665,7 @@ snapshots:
     dependencies:
       '@ctrl/tinycolor': 3.6.1
       '@element-plus/icons-vue': 2.3.1(vue@3.5.13(typescript@5.7.3))
-      '@floating-ui/dom': 1.6.13
+      '@floating-ui/dom': 1.7.4
       '@popperjs/core': '@sxzz/popperjs-es@2.11.7'
       '@types/lodash': 4.17.14
       '@types/lodash-es': 4.17.12